<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ taglib uri="http://java.sun.com/jsp/jstl/fmt" prefix="fmt"%>
<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no" >
		<link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}/css/sytle.css">
		<script type="text/javascript" src="${pageContext.request.contextPath}/js/jquery-2.1.4.min.js"></script>
		<title>优惠券</title>
	</head>
	<body style="background: #f1f1f1;">
		<div class="page">
			<div class="yhj_head">
				<form action="">
					<input type="number" placeholder="请输入兑换码" class="dhm">
					<input type="button" value="兑换" class="dh">
				</form>
			</div>
			<ul class="yhj_list">
			<c:forEach items="${MEMBER_COUPON_LIST}" var="coupon">
				<li>
					<div class="yhj_list_top clearfix">
						<div class="yhj_list_money">${coupon.wMcMoney}</div>
						<div class="yhj_list_txt">
							<p>${coupon.wMcCouponTitle}</p>
							<p>${coupon.wMcDesc}</p>
						</div>
						
					</div>
					<p class="yhj_yxq">有效期至：<span><fmt:formatDate value="${coupon.wMcDeadline}"  type="BOTH" dateStyle="full"/></span></p>
				</li>
			</c:forEach>
			</ul>
			<footer class="footer-foot">
				<ul class="footer-icon">
					<li><a href="/"><img src="${pageContext.request.contextPath}/images/index-icon.png"/><span>首页</span></a></li>
					<li><a href="${pageContext.request.contextPath}/order/userOrders/0/1.html"><img src="${pageContext.request.contextPath}/images/order-icon.png"/><span>订单</span></a></li>
					<li><a href="${pageContext.request.contextPath}/members/couponList.html"><img src="${pageContext.request.contextPath}/images/packets-selected-icon.png"/><span class="be-now">红包</span></a></li>
					<li><a href="${pageContext.request.contextPath}/members/accountInfo.html"><img src="${pageContext.request.contextPath}/images/mine-icon.png"/><span>我的</span></a></li>
				</ul>
			</footer>
			
		</div>
		<!-- <script>
			$(".yhj_list li .yhj_choose i").click(function(){
				$(".yhj_list li .yhj_choose i").removeClass("selected");
				$(this).addClass("selected").siblings().removeClass("selected");
			});

			$(function(){
				$(".yhj_choose i").on("click",function(){
					$(".mask").show()
				})
				$(".popup_choose_cancel").on("click",function(){
					$(".mask").hide()
				})
			})


		</script> -->
	</body>
</html>
